<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>我是标题</title>
		<link type="text/css" rel="stylesheet" href="http://yui.yahooapis.com/3.10.0/build/cssbutton/cssbutton-min.css" />
		<script src="http://yui.yahooapis.com/3.10.0/build/yui/yui-min.js"></script>
	</head>
	<body>
		<div id="demo"></div>
		<script type="text/javascript">
		YUI({yui2:'2.9.0','2in3':'4'}).use('yui2-layout',function(Y){
			var YAHOO = Y.YUI2;
			var layout = new YAHOO.widget.Layout({
				units: [
					{
						position: 'top',
						height: 50, 
						resize: false, 
						gutter: '5px', 
						collapse: true, 
						resize: true
					},
					{
						position: 'right',
						header: 'Right',
						width: 300,
						resize: true, 
						gutter: '5px', 
						footer: 'Footer', 
						collapse: true, 
						scroll: true
					},
					{
						position: 'bottom', 
						header: 'Bottom', 
						height: 100, 
						resize: true, 
						gutter: '5px', 
						collapse: true
					},
					{
						position: 'left',
						header: 'Left',
						width: 200,
						resize: true,
						gutter: '5px',
						collapse: true,
						close: true,
						collapseSize: 50,
						scroll: true
					},
					{
						position: 'center'
					}
				]
			});
			layout.render();
		});
		</script>
	</body>
</html>